<template>
	<div class="list-top">
		<div class="list-search">
			<a :href="'#/trade/search'">
				<i class="search-icon"></i>
				<span>搜水产种类</span>
			</a>
		</div>
		<div class="list-send"  @click="releaseopen">
			<span class="text">发布</span>
			<i class="send-icon"></i>
		</div>
		<inf-release :releaseshow="releaseshow" @releaseClose="releaseClose"></inf-release>
	</div>
</template>

<script>
	import infRelease from '@/components/infRelease/infRelease.vue'
	export default {
	data () {
    return {
       releaseshow: false,
    }
  },
  methods: {
	releaseopen(){
	this.releaseshow = true;
	},
	releaseClose() {
		this.releaseshow = false;
	}	 
  },
  mounted() {
	
  },
  computed: {

  },
  components: { infRelease }
}
</script>

<style>
.list-top{height:25px;background:#eee;display:flex;padding:10px 3%;position: fixed;top: 0;left: 0;width: 94%;z-index: 1000;}
.list-top .list-search{flex: 1;height:25px;background: #fff;text-align: center;border-radius:3px;font-size: 12px;line-height:25px;}
.list-top .list-search a{display:inline-block;color:#999;width: 100%;}
.list-top .list-search .search-icon{display: inline-block;width:15px;height: 15px;background:url(../../static/trade-img/main_sch.png) no-repeat center center/cover;
background-size:15px 15px;vertical-align:top;padding:0 10px;margin-top:5px;}
.list-top .list-send{flex: 0 0 60px;width:60px;margin-left: 10px;background:#008cf0;height:25px;border-radius:3px;text-align: center;line-height: 25px;}
.list-top .list-send .text{font-size: 12px;color: #fff;}
.list-top .list-send .send-icon{display: inline-block;width:15px;height: 15px;background:url(../../static/trade-img/release-icon.png) no-repeat center center/cover;
background-size:15px 15px;vertical-align:top;margin-top:4px;}
</style>